.card-nodata{
  width: 100%;
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  &.hei{
    height: 20vh;
  }
  text{
    font-size: 26rpx;
    color:#666;
  }
}
.card-citytips{
  width: 100%;
  margin-top: 20rpx;
  padding: 20rpx;
  box-sizing: border-box;
  border-top: #d2d2d2 dashed 1px;
  .tips-text{
    font-size: 26rpx;
    color:#666;
    line-height: 36rpx;
  }
}
.card-bank{
  width: 100%;
  .card-city{
    padding: 30rpx 60rpx;
    display: flex;
    align-items: center;
    image{
      display: inline-block;
      width: 30rpx;
      height: 30rpx;
      margin-right: 10rpx;
    }
    .name{
      display: inline-block;
      width: auto;
      height: 60rpx;
      line-height: 60rpx;
      font-size: 26rpx;
      color: #333;
    }
    .city-change{
      display: inline-block;
      min-width: 80rpx;
      padding: 0 20rpx;
      margin-left: 20rpx;
      height: 48rpx;
      line-height:48rpx;
      text-align: center;
      border-radius: 8rpx;
      border:#aaaaaa solid 2rpx; 
      .picker{
        font-size: 26rpx;
        color: #333;
      }
    }
  }
  .card-list{
    width: 100%;
    padding: 30rpx 20rpx;
    box-sizing: border-box;
    .ul{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      .li{
        width: 25%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding:10rpx;
        .l-img{
          width: 125rpx;
          height: 125rpx;
          border-radius: 100%;
          overflow: hidden;
          background: #d2d2d2;
          margin: 0 auto;
        }
        .l-text{
          padding-top: 10rpx;
          width: 100%;
          font-size: 26rpx;
          text-align: center;
          color: #333;
        }
      }
    }
  }
}